<script setup>
import {onMounted,reactive} from 'vue'
import {chartLine} from './lineChart.js'
const props = defineProps({
  id:{
    type:String,
    default:"container1"
  },
  categories:{
    type:Array,
    default:[]
  },
  series:{
    type:Array,
    default:[]
  }
})

onMounted(() => {
  props.id && chartLine(
      props.id,
      props.categories,
      props.series
  )
})

</script>

<template>
  <div :id="props.id" class="chart"></div>
</template>

<style scoped lang="scss">
.chart {
  min-width: 350px;
  height: 300px;
}

</style>